<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<%
	pageContext.setAttribute("APP_PATH", request.getContextPath());
%>
<style type="text/css">
/*统一页面字体和大小*/
body {
	background-color: #ebf4fb;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
		Helvetica, sans-serif;
}
/*清除常用元素的边界、补白、边框默认样式*/
p, h1, form, button {
	border: 0;
	margin: 0;
	padding: 0;
}
/*定义一个强制换行显示类*/
.spacer {
	clear: both;
	height: 1px;
}
/*定义表单外框样式*/
.myform {
	margin: 0 auto;
	width: 400px;
	padding: 14px;
}
/*定制当前表单样式*/
#stylized {
	border: solid 2px #b7ddf2;
	background: #ebf4fb;
}

/*设计表单内div和p通用样式效果*/
/* #stylized h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 25px;
} */
#stylized p {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 10px;
}

#stylized label { /*定义表单标签样式*/
	display: block;
	font-weight: bold;
	text-align: right;
	width: 140px;
	float: left;
}
/*定义小字体样式类*/
#stylized .small {
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 140px;
	font-size: 20px;
}
/*统一输入文本框样式*/
#stylized input {
	float: left;
	font-size: 12px;
	padding: 4px 2px;
	border: solid 1px #aacfe4;
	width: 200px;
	margin: 2px 0 20px 10px;
}
/*定义图形化按钮样式*/
#stylized button {
	clear: both;
	margin-left: 150px;
	width: 125px;
	height: 31px;
	background: #666666 url(images/button.png) no-repeat;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
/*设计表单内文本框和按钮在被激活和获取焦点状态下时，轮廓线的宽、样式和颜色*/
input:focus, button:focus {
	outline: thick solid #b7ddf2;
}

input:active, button:active {
	outline: thick solid #aaa;
}
/*通过outlineoffset属性放大轮廓线*/
input:active, button:active {
	outline-offset: 4px;
}

input:focus, button:focus {
	outline-offset: 4px;
}

.b1 {
	text-align: center;
	font-size: 25px;
}
</style>
</head>
<body>
	<div id="stylized" class="myform">
		<div class="div1">
			<h1 class="b1">管理员登录</h1>
			<hr color="black">
		</div>
		<form id="form1" method="post" action="${APP_PATH }/something/administrator">
			<label><span class="small">id</span> </label> <input type="text"
				name="name" id="textfield" placeholder="姓名" required="required"> </label> <label> <span
				class="small">密码</span>
			</label> <input type="password" name="password" placeholder="密码" required="required">
			<button type="submit">登 录</button> 
			<div class="spacer"></div>
		</form>
	</div>
</body>
</html>